.costComposition-con {
  width: 100%;
  height: calc((100% - 16px) / 2);
  display: flex;
}

.costComposition-item {
  width: calc((100% - 16px) / 2);
  margin-right: 16px;
  padding: 24px;
  background-color: #FFF;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.costComposition-item>h2 {
  color: #1D2129;
  font-size: 20px;
  font-weight: 500;
  height: 10%;
}

#OpeningBalance,
#CurrentPayment,
#CurrentSettlement,
#ClosingSettlement {
  width: 40%;
  height: 80%;
}

.label {
  height: 50%;
  width: 60%;
  margin-top: 10%;
  margin-bottom: 10%;
  margin-left: 30px;
}

.totol>p {
  color: #86909C;
  font-size: 12px;
}

.totol>p>span {
  color: #1D2129;
  font-size: 36px;
  font-weight: 500;
}

/* .totolNum {
  color: #1D2129;
  font-size: 36px;
  font-weight: 500;
} */

.label-item {
  width: 100%;
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}

.label-item>div {
  padding: 5px 10px;
  margin-bottom: 10px;
  width: 25%;
}

.label-item>div>span {
  color: #4E5969;
  font-size: 14px;
}

.label-item>div>p {
  color: #86909C;
  font-size: 12px;
}

.label-item>div>p>span {
  color: #1D2129;
  font-size: 20px;
  font-weight: 500;
}